<template>
  <el-card id="Card" class="box-card">

    <!-- 搜索框 -->
  <div class="searchInput">
    <slot name="searchInput">
      我是搜索框 + 按钮组件槽
    </slot>
  </div>
  
    <!-- table区域 -->
    <slot name="table">
      我是Table区域
    </slot>

    <!-- 分页组件 -->
    <slot name="pagination">
      我是分页区域
    </slot>

    <!-- 添加用户对话框组件 -->
    <slot name="dialog">
      对话框在这里
    </slot>
    
  </el-card>
</template>

<script>
export default {
  name: 'Card'
}
</script>

<style lang="scss" scoped>
#Card {
  margin: 0 30px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15) !important;

  .searchInput {
    margin-bottom: 20px;
  }
}
</style>